.flex{
  display: flex;
}
.flex-row{ flex-direction:row!important; }
.flex-row-reverse{ flex-direction:row-reverse!important; }
.flex-column{
  flex-direction:column;
}
.justify-center {
  justify-content:center;
}
.justify-between{
  justify-content: space-between;
}
.align-center{
  align-items: center;
}
.flex-1{
  flex:1;
}
.flex-2{
  flex:2;
}
.flex-3{
  flex:3;
}
.flex-4{
  flex:4;
}
.flex-5{
  flex:5;
}
.flex-6{
  flex:6;
}
.flex-7{
  flex:7;
}
.flex-8{
  flex:8;
}
.flex-9{
  flex:9;
}

.mt-2{
  margin-top: 20px;
}

.text-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;/*超出部分省略号*/
    white-space: nowrap;/*不换行*/
}


/*背景色*/
.bg-black-lighter{
    background-color: #33353A;/*比黑色更亮一点*/
}
。bg-gray{
    background-color: #3A3C42;/*灰色*/
}
.bg-black-light{
    background-color: #292B2E;/*比黑色稍亮一点*/
}
